@import "variable";

.layout-result {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  &.error {
    .layout-result-icon > .anticon {
      color: #FF5722;
    }
  }
  &.success {
    .layout-result-icon > .anticon {
      color: #5FB878;
    }
  }
  .layout-result-title {
    text-align: center;
    .layout-result-icon {
      margin: 12px auto;
      & > .anticon {
        font-size: 72px;
      }
    }
    .layout-result-description {
      margin: 24px 0;
      color: $color-gray;
    }
  }
  .layout-result-content {
    width: 400px;
    .layout-result-content-title {
      margin: 4px 0 16px;
    }
  }
  .layout-result-footer {
    margin: 24px 0;
    width: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
